iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
Mobile Development

React Native CLI 開發心法系列 第 3

DAY 3 接手 React Native CLI 專案應該知道的事 - React Native CLI 篇

  • 分享至 

  • xImage
  •  

大部分的文章都是討論怎麼從 0 開始開發 React Native 專案,但其實真實的情況更多的是你必須從接手前人的 code 開發,假設有完整的文件可以查找,上手的難易度將大大的降低,但,如果很不幸的沒有文件,也沒有前人可以問,直接給你一個 React Native CLI 建置的專案,你要怎麼通靈快速掌握整個專案架構?因此接下來,我會提出在接手一個 React Native CLI 專案你必須掌握的幾個關鍵。

首先我們要了解的是貫穿整個專案所需要的開發環境的工具 React Native CLI!

什麼是 React Native CLI?

https://ithelp.ithome.com.tw/upload/images/20230908/20162496D59KpwmBx1.png

React Native CLI 是一套以 command-line 介面用來執行 React Native App 開發項目的工具。開發的彈性大,可以使用到原生的模組與 API 進行更複雜功能的開發,但也意味著比較適合有原生 APP 開發經驗的使用者。

功能

  1. 建立新專案:產生基本的項目結構,並包含所需的文件和設定。
npx react-native init yourProjectName
  1. 啟動 Metro Bundler
npx react-native start
  1. 讓 APP 在你的模擬器或裝置運行
npx react-native run-ios
npx react-native run-android
  1. 打包、編譯 APP
    關於打包 Android 、 iOS 應用程式,後面的章節,我會根據詳細地的根據開發環境、上架等情境去討論如何將你的應用程式發布測試檔、上架。

例如:打包 Andorid AAB 檔

cd android
./gradlew bundleRelease

優點

  • 完全支援原生模組開發。
  • 可以用 Java/Objective-C 開發原生的程式碼,就可以做比較複雜或需要客製化的功能、效能調校。
  • 支援熱更新。

缺點

  • 學習曲線陡:對新手不友善,需要用到 Andorid studio 、Xcode,這兩個設定對沒有碰過原生 APP 開發的人不太友善,而且前期環境設定很繁瑣。
  • 一定要買 MAC,不然不能開發 iOS app 。
  • 編譯或建構 APP 繁瑣,需要花比較多時間。
  • 環境設置和配置較複雜。

上一篇
DAY 2 - React Native 開發的成本與學習的管道
下一篇
DAY 4 接手 React Native CLI 專案應該知道的事 - React Native 版本 (更新至 0.74)
系列文
React Native CLI 開發心法31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言